@charset "utf-8";
@import "common/common";
.bullet {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    overflow: hidden;
    ul {
        width: 100%;
        display: inline-block;
        font-size: 0;
        -webkit-text-size-adjust: none;
        li {
            display: inline-block;
            width: 5.86rem;
    height: 5.41rem;
            //              float: left;
            img {
                width: 100%;
                height: 100%;
            }
        }
    }
}

.bullet_ceng {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    overflow: hidden;
    background: #000000;
    opacity: .75;
}
.bullet_zi{
     position: absolute;
        left: 1rem;
    top: 4rem;
    text-align: center;
    h3{
        letter-spacing: 1rem;
        font-size: 3rem;
        color: white;
        transform: scale(1, 0.6);
        font-style:italic;
        b{
            color: #ffad4c;
            font-size: 3rem;
            
        }
    }
    h4{
        transform: scale(1, 0.6);
        color: white;
        font-size: 2.5rem;
        margin-top: -2rem;
    }

}
.bullet_bott{
     position: absolute;
         bottom: 2rem;
    left: 6rem;
    img{
        width: 70%;
    }
}
.bullet_main{
    position: absolute;
    top: 13rem;
    left: 0;
    z-index: 1;
}
#canvas{
    display: block;
//  background: #000;
}
